<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
    <!--code { font-family: Courier New, Courier; font-size: 10pt; margin: 0px; }-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head><body>
<div align="left" class="java">
    <table border="0" cellpadding="3" cellspacing="0" bgcolor="#ffffff">
        <tr>
            <td nowrap="nowrap" valign="top" align="left">
                <code>
                    <font color="#3f7f5f">/*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;DO&nbsp;NOT&nbsp;ALTER&nbsp;OR&nbsp;REMOVE&nbsp;COPYRIGHT&nbsp;NOTICES&nbsp;OR&nbsp;THIS&nbsp;FILE&nbsp;HEADER</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;Copyright&nbsp;2009&nbsp;Sun&nbsp;Microsystems,&nbsp;Inc.&nbsp;All&nbsp;rights&nbsp;reserved.&nbsp;Use&nbsp;is&nbsp;subject&nbsp;to&nbsp;license&nbsp;terms.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;This&nbsp;file&nbsp;is&nbsp;available&nbsp;and&nbsp;licensed&nbsp;under&nbsp;the&nbsp;following&nbsp;license:</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;Redistribution&nbsp;and&nbsp;use&nbsp;in&nbsp;source&nbsp;and&nbsp;binary&nbsp;forms,&nbsp;with&nbsp;or&nbsp;without</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;modification,&nbsp;are&nbsp;permitted&nbsp;provided&nbsp;that&nbsp;the&nbsp;following&nbsp;conditions&nbsp;are&nbsp;met:</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;*&nbsp;Redistributions&nbsp;of&nbsp;source&nbsp;code&nbsp;must&nbsp;retain&nbsp;the&nbsp;above&nbsp;copyright&nbsp;notice,</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this&nbsp;list&nbsp;of&nbsp;conditions&nbsp;and&nbsp;the&nbsp;following&nbsp;disclaimer.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;*&nbsp;Redistributions&nbsp;in&nbsp;binary&nbsp;form&nbsp;must&nbsp;reproduce&nbsp;the&nbsp;above&nbsp;copyright&nbsp;notice,</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this&nbsp;list&nbsp;of&nbsp;conditions&nbsp;and&nbsp;the&nbsp;following&nbsp;disclaimer&nbsp;in&nbsp;the&nbsp;documentation</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and/or&nbsp;other&nbsp;materials&nbsp;provided&nbsp;with&nbsp;the&nbsp;distribution.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;*&nbsp;Neither&nbsp;the&nbsp;name&nbsp;of&nbsp;Sun&nbsp;Microsystems&nbsp;nor&nbsp;the&nbsp;names&nbsp;of&nbsp;its&nbsp;contributors</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;may&nbsp;be&nbsp;used&nbsp;to&nbsp;endorse&nbsp;or&nbsp;promote&nbsp;products&nbsp;derived&nbsp;from&nbsp;this&nbsp;software</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;without&nbsp;specific&nbsp;prior&nbsp;written&nbsp;permission.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;THIS&nbsp;SOFTWARE&nbsp;IS&nbsp;PROVIDED&nbsp;BY&nbsp;THE&nbsp;COPYRIGHT&nbsp;HOLDERS&nbsp;AND&nbsp;CONTRIBUTORS&nbsp;&#34;AS&nbsp;IS&#34;&nbsp;AND</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;ANY&nbsp;EXPRESS&nbsp;OR&nbsp;IMPLIED&nbsp;WARRANTIES,&nbsp;INCLUDING,&nbsp;BUT&nbsp;NOT&nbsp;LIMITED&nbsp;TO,&nbsp;THE&nbsp;IMPLIED</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;WARRANTIES&nbsp;OF&nbsp;MERCHANTABILITY&nbsp;AND&nbsp;FITNESS&nbsp;FOR&nbsp;A&nbsp;PARTICULAR&nbsp;PURPOSE&nbsp;ARE</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;DISCLAIMED.&nbsp;IN&nbsp;NO&nbsp;EVENT&nbsp;SHALL&nbsp;THE&nbsp;COPYRIGHT&nbsp;OWNER&nbsp;OR&nbsp;CONTRIBUTORS&nbsp;BE&nbsp;LIABLE&nbsp;FOR</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;ANY&nbsp;DIRECT,&nbsp;INDIRECT,&nbsp;INCIDENTAL,&nbsp;SPECIAL,&nbsp;EXEMPLARY,&nbsp;OR&nbsp;CONSEQUENTIAL&nbsp;DAMAGES</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;(INCLUDING,&nbsp;BUT&nbsp;NOT&nbsp;LIMITED&nbsp;TO,&nbsp;PROCUREMENT&nbsp;OF&nbsp;SUBSTITUTE&nbsp;GOODS&nbsp;OR&nbsp;SERVICES;</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;LOSS&nbsp;OF&nbsp;USE,&nbsp;DATA,&nbsp;OR&nbsp;PROFITS;&nbsp;OR&nbsp;BUSINESS&nbsp;INTERRUPTION)&nbsp;HOWEVER&nbsp;CAUSED&nbsp;AND&nbsp;ON</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;ANY&nbsp;THEORY&nbsp;OF&nbsp;LIABILITY,&nbsp;WHETHER&nbsp;IN&nbsp;CONTRACT,&nbsp;STRICT&nbsp;LIABILITY,&nbsp;OR&nbsp;TORT</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;(INCLUDING&nbsp;NEGLIGENCE&nbsp;OR&nbsp;OTHERWISE)&nbsp;ARISING&nbsp;IN&nbsp;ANY&nbsp;WAY&nbsp;OUT&nbsp;OF&nbsp;THE&nbsp;USE&nbsp;OF&nbsp;THIS</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*&nbsp;SOFTWARE,&nbsp;EVEN&nbsp;IF&nbsp;ADVISED&nbsp;OF&nbsp;THE&nbsp;POSSIBILITY&nbsp;OF&nbsp;SUCH&nbsp;DAMAGE.</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f7f5f">*/</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>package&nbsp;</b></font><font color="#000000">colorpicker;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">colorpicker.Cell;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.animation.Interpolator;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.animation.KeyFrame;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.animation.Timeline;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.control.TextBox;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.CustomNode;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.Group;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.Node;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.paint.Color;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.Line;</font><br />
                    <font color="#7f0055"><b>import&nbsp;</b></font><font color="#000000">javafx.scene.shape.Rectangle;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#3f5fbf">/**</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f5fbf">*&nbsp;</font><font color="#7f9fbf">@author&nbsp;</font><font color="#3f5fbf">Rakesh&nbsp;Menon</font><br />
                    <font color="#ffffff">&nbsp;</font><font color="#3f5fbf">*/</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#7f0055"><b>public&nbsp;class&nbsp;</b></font><font color="#000000">ColorPalette&nbsp;</font><font color="#7f0055"><b>extends&nbsp;</b></font><font color="#000000">CustomNode&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;color&nbsp;=&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;333333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;666666&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;999999&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCCCCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFFFFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF0000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00FF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0000FF&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;000000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000033&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000066&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;000099&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0000CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0000FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;990000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;990033&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;990066&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;003300&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;003333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;003366&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;003399&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0033CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0033FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;993300&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;993333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;993366&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;006600&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;006633&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;006666&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;006699&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0066CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0066FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;996600&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;996633&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;996666&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;009900&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;009933&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;009966&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;009999&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0099CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;0099FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;999900&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;999933&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;999966&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;00CC00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00CC33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00CC66&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00CC99&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00CCCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00CCFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;99CC00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;99CC33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;99CC66&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;00FF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00FF33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00FF66&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00FF99&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00FFCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;00FFFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;99FF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;99FF33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;99FF66&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;330000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;330033&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;330066&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;330099&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3300CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3300FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC0000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC0033&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC0066&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;333300&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;333333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;333366&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;333399&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3333CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3333FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC3300&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC3333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC3366&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;336600&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;336633&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;336666&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;336699&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3366CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3366FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC6600&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC6633&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC6666&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;339900&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;339933&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;339966&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;339999&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3399CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;3399FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC9900&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC9933&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CC9966&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;33CC00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33CC33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33CC66&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33CC99&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33CCCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33CCFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCCC00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCCC33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCCC66&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;33FF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33FF33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33FF66&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33FF99&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33FFCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;33FFFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCFF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCFF33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;CCFF66&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;660000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;660033&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;660066&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;660099&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6600CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6600FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF0000&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF0033&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF0066&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;663300&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;663333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;663366&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;663399&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6633CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6633FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF3300&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF3333&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF3366&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;666600&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;666633&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;666666&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;666699&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6666CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6666FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF6600&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF6633&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF6666&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;669900&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;669933&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;669966&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;669999&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6699CC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;6699FF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF9900&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF9933&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FF9966&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;66CC00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66CC33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66CC66&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66CC99&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66CCCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66CCFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFCC00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFCC33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFCC66&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#2a00ff">&#34;66FF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66FF33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66FF66&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66FF99&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66FFCC&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;66FFFF&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFFF00&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFFF33&#34;</font><font color="#000000">,&nbsp;</font><font color="#2a00ff">&#34;FFFF66&#34;</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">var&nbsp;selectedColor&nbsp;=&nbsp;Color.RED;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">var&nbsp;selectedText&nbsp;=&nbsp;</font><font color="#2a00ff">&#34;#FF0000&#34;</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;tempColor&nbsp;=&nbsp;selectedColor;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;tempText&nbsp;=&nbsp;selectedText;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;x&nbsp;=&nbsp;</font><font color="#990000">0.0</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;y&nbsp;=&nbsp;</font><font color="#990000">0.0</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">def&nbsp;width&nbsp;=&nbsp;</font><font color="#990000">249.0</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">def&nbsp;height&nbsp;=&nbsp;</font><font color="#990000">152.0</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;timeline&nbsp;=&nbsp;Timeline&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">keyFrames:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">KeyFrame&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">time:&nbsp;</font><font color="#990000">0</font><font color="#000000">s</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">values:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y&nbsp;=&gt;&nbsp;-&nbsp;</font><font color="#000000">(</font><font color="#000000">height&nbsp;+&nbsp;</font><font color="#990000">3&nbsp;</font><font color="#000000">-&nbsp;x</font><font color="#000000">)</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">KeyFrame&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">time:&nbsp;</font><font color="#990000">250</font><font color="#000000">ms</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">values:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y&nbsp;=&gt;&nbsp;</font><font color="#990000">5.0&nbsp;</font><font color="#000000">tween&nbsp;Interpolator.EASEOUT</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">var&nbsp;show&nbsp;=&nbsp;</font><font color="#7f0055"><b>false&nbsp;</b></font><font color="#000000">on&nbsp;replace&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">show</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.rate&nbsp;=&nbsp;</font><font color="#990000">1</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.playFromStart</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">visible&nbsp;=&nbsp;</font><font color="#7f0055"><b>true</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#7f0055"><b>else&nbsp;</b></font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.rate&nbsp;=&nbsp;-</font><font color="#990000">1</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.time&nbsp;=&nbsp;</font><font color="#990000">250</font><font color="#000000">ms;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">timeline.play</font><font color="#000000">()</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>public&nbsp;</b></font><font color="#000000">override&nbsp;var&nbsp;visible&nbsp;=&nbsp;</font><font color="#7f0055"><b>false&nbsp;</b></font><font color="#000000">on&nbsp;replace&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>if</b></font><font color="#000000">(</font><font color="#000000">not&nbsp;visible</font><font color="#000000">)&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">delete&nbsp;</font><font color="#7f0055"><b>this&nbsp;</b></font><font color="#000000">from&nbsp;scene.content;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">override&nbsp;function&nbsp;create</font><font color="#000000">()&nbsp;</font><font color="#000000">:&nbsp;Node&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">clip&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;width</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;height + 5</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;index&nbsp;=&nbsp;</font><font color="#990000">0</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;grid&nbsp;=&nbsp;Group&nbsp;</font><font color="#000000">{&nbsp;}</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>for</b></font><font color="#000000">(</font><font color="#000000">col&nbsp;in&nbsp;</font><font color="#000000">[</font><font color="#990000">0..19</font><font color="#000000">])&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#7f0055"><b>for</b></font><font color="#000000">(</font><font color="#000000">row&nbsp;in&nbsp;</font><font color="#000000">[</font><font color="#990000">0..8</font><font color="#000000">])&nbsp;{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">insert&nbsp;Cell&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">row:&nbsp;row</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">col:&nbsp;col</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">color:&nbsp;color</font><font color="#000000">[</font><font color="#000000">index</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">updateColor:&nbsp;updateColor</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">selectColor:&nbsp;selectColor</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}&nbsp;</font><font color="#000000">into&nbsp;grid.content;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">index++;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;bgRect&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;Color.web</font><font color="#000000">(</font><font color="#2a00ff">&#34;#E7E8E9&#34;</font><font color="#000000">)</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stroke:&nbsp;Color.web</font><font color="#000000">(</font><font color="#2a00ff">&#34;#A5A9AE&#34;</font><font color="#000000">)</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;width</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;height</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;borderRect&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;Color.TRANSPARENT</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">stroke:&nbsp;Color.WHITE</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">x:&nbsp;</font><font color="#990000">1</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">1</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;width&nbsp;-&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;height&nbsp;-&nbsp;</font><font color="#990000">2</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;selColorRect&nbsp;=&nbsp;Rectangle&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">x:&nbsp;</font><font color="#990000">4</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">y:&nbsp;</font><font color="#990000">6</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">width:&nbsp;</font><font color="#990000">45</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">height:&nbsp;</font><font color="#990000">24</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">fill:&nbsp;bind&nbsp;tempColor</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;selColorBorder&nbsp;=&nbsp;Group&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateX:&nbsp;</font><font color="#990000">4</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateY:&nbsp;</font><font color="#990000">6</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">content:&nbsp;</font><font color="#000000">[</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Line&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0&nbsp;&nbsp;</font><font color="#000000">startY:&nbsp;</font><font color="#990000">0&nbsp;</font><font color="#000000">endX:&nbsp;selColorRect.width&nbsp;&nbsp;endY:&nbsp;</font><font color="#990000">0&nbsp;</font><font color="#000000">stroke:&nbsp;Color.web</font><font color="#000000">(</font><font color="#2a00ff">&#34;#999999&#34;</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Line&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0&nbsp;&nbsp;</font><font color="#000000">startY:&nbsp;</font><font color="#990000">0&nbsp;</font><font color="#000000">endX:&nbsp;</font><font color="#990000">0&nbsp;&nbsp;</font><font color="#000000">endY:&nbsp;selColorRect.height&nbsp;stroke:&nbsp;Color.web</font><font color="#000000">(</font><font color="#2a00ff">&#34;#999999&#34;</font><font color="#000000">)&nbsp;}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Line&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">startX:&nbsp;selColorRect.width&nbsp;&nbsp;startY:&nbsp;</font><font color="#990000">0&nbsp;</font><font color="#000000">endX:&nbsp;selColorRect.width&nbsp;&nbsp;endY:&nbsp;selColorRect.height&nbsp;stroke:&nbsp;Color.WHITE&nbsp;</font><font color="#000000">}</font><font color="#000000">,</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Line&nbsp;</font><font color="#000000">{&nbsp;</font><font color="#000000">startX:&nbsp;</font><font color="#990000">0&nbsp;&nbsp;</font><font color="#000000">startY:&nbsp;selColorRect.height&nbsp;endX:&nbsp;selColorRect.width&nbsp;&nbsp;endY:&nbsp;selColorRect.height&nbsp;stroke:&nbsp;Color.WHITE&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">var&nbsp;selColorText&nbsp;=&nbsp;TextBox&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateX:&nbsp;</font><font color="#990000">8&nbsp;</font><font color="#000000">+&nbsp;selColorRect.width</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateY:&nbsp;</font><font color="#990000">6</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">focusTraversable:&nbsp;</font><font color="#7f0055"><b>false</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">editable:&nbsp;</font><font color="#7f0055"><b>false</b></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">text:&nbsp;bind&nbsp;tempText</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><font color="#000000">;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">grid.translateX&nbsp;=&nbsp;</font><font color="#990000">4</font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">grid.translateY&nbsp;=&nbsp;</font><font color="#990000">10&nbsp;</font><font color="#000000">+&nbsp;selColorRect.height;</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">Group&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">content:&nbsp;</font><font color="#000000">[&nbsp;</font><font color="#000000">bgRect,&nbsp;borderRect,&nbsp;selColorRect,&nbsp;selColorBorder,&nbsp;grid,&nbsp;selColorText&nbsp;</font><font color="#000000">]</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateX:&nbsp;bind&nbsp;x</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">translateY:&nbsp;bind&nbsp;y</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">function&nbsp;updateColor</font><font color="#000000">(</font><font color="#000000">id&nbsp;:&nbsp;String,&nbsp;clr&nbsp;:&nbsp;Color</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Void&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">tempText&nbsp;=&nbsp;id;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">tempColor&nbsp;=&nbsp;clr;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#ffffff"></font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">function&nbsp;selectColor</font><font color="#000000">(</font><font color="#000000">id&nbsp;:&nbsp;String,&nbsp;clr&nbsp;:&nbsp;Color</font><font color="#000000">)&nbsp;</font><font color="#000000">:&nbsp;Void&nbsp;</font><font color="#000000">{</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">selectedColor&nbsp;=&nbsp;tempColor;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">selectedText&nbsp;=&nbsp;tempText;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">show&nbsp;=&nbsp;</font><font color="#7f0055"><b>false</b></font><font color="#000000">;</font><br />
                    <font color="#ffffff">&nbsp;&nbsp;&nbsp;&nbsp;</font><font color="#000000">}</font><br />
                    <font color="#000000">}</font>
                </code>
            </td>
        </tr>
    </table>
</div>
</body>
</html>
